<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>制作家用电器商品分类页面</title>
		<style>
			li{
				list-style:none;
			}
			body{
				width: 300px;
				border: 1px solid red;
			
			}
			 h2{ 
			 	font-size: 18px;
			 	font-weight: bold;
			 	color:white ;
			 	line-height: 35px;
			 	text-indent:1em;
			    background: linear-gradient(to bottom,#0467AC,#63A7D6,#B6DBF5) ; 
				}
			h3{
				font-size: 14px;
				font-weight: bold;
				line-height: 30px;
				text-indent: 2em;
			/*	background: linear-gradient(to bottom,#E4FLFA,#BDDFF7,#E4FLFA);*/
				 background: linear-gradient(to bottom,#D5EAF9,#C0E0F7,#D5EAF9) ; 
				
			}	
			h3 a:link{
					color: #0565c6;
					text-decoration: none;}
			h3 a:hover{
						text-decoration:underline;
				
			}
			li{
				font-size: 12px;
				line-height: 26px;
				
			}
			li a:link{
						color: #666666;
						text-decoration: none;
			}
			li a:hover{
						text-decoration:underline;
						color: #f60;
			}
			ul li:nth-of-type(1){
								text-indent: 1em;
			}
		</style>
	</head>
	<body>
	<!--	<div class="box">-->
		<h2>家用电器</h2>
		
		<ul>
			<h3><a href="javascript">大家电</a></h3>
			<li><a href="javascript">平板电视</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript">洗衣机</a>&nbsp;&nbsp;&nbsp;&nbsp;	<a href="javascript">冰箱</a>  </li>
			<li><a href="javascript"> 空调 </a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript"> 烟机/灶具 </a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript">热水器</a> </li>
			<li><a href="javascript"> 冷柜/酒柜 </a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript">消毒柜 </a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript"> 家庭影院</a></li>
		</ul>
		<ul>
			<h3><a href="javascript">生活电器</a></h3>
			<li><a href="javascript">电风扇 </a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript">净化器 </a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript"> 吸尘器</a></li>
			<li><a href="javascript">净水设备</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript">挂烫机</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript">电话机</a></li>
		</ul>
		<ul>
			<h3><a href="javascript">厨房电器</a></h3>
			<li><a href="javascript">榨汁机</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript">电压力锅</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript">电饭煲</a></li>
			<li><a href="javascript">豆浆机</a><a href="javascript">  微波炉</a><a href="javascript">  电磁炉</a></li>
		</ul>
		<ul>
			<h3><a href="javascript">五金家装</a></h3>
			<li><a href="javascript">淋浴/水槽</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript">电动工具</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript">手动工具</a></li>
			<li><a href="javascript">仪器仪表 </a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript">浴霸/排气</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript">灯具</a></li>
		</ul>
		</div>
	</body>
</html>

